<%--
  Created by IntelliJ IDEA.
  User: C4
  Date: 2021/10/29
  Time: 15:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css">
    <script src="${pageContext.request.contextPath}/js/pccs.js"  type="text/javascript"></script>

    <title>二手</title>

    <style type="text/css">
        html{
            height:100%;
        }
        body{
            height:100%;
            display:flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .fade-enter-active, .fade-leave-active {
            transition: width .5s;
        }
        .fade-enter, .fade-leave-to{
            width: 0;

        }
        .clay{
            margin-left: 116px;
        }
        .msg{
            color: red;
            margin: auto;
        }
        .fullscreenvideo {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -100;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            -webkit-transition: 1s opacity;
            transition: 1s opacity;
        }

        .videocontainer{
            position: fixed;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: -100;
        }

        .videocontainer:before{
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            display: block;
            z-index: -1;
            top: 0;
            left: 0;
            background: rgba(25,29,34,.20);
        }



    </style>

</head>

<body style="height:100% !important;">
<div class="videocontainer">
    <video class="fullscreenvideo"  id="bgvid" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
        <source src="${pageContext.request.contextPath}/images/product/updatebackground.mp4" type="video/mp4">
    </video>
</div>
<div id="app" class="background">
    <form action="/user/addressUpdate" method="post">
    <div class="card shadow mb-5" style="width: 18rem;"> <!-- 通过网上的查询找到了的界面 -->
        <div class="msg">${msg}</div>
        <ul class="list-group list-group-flush">
            <from ref="loginFrom"novalidate><!-- 禁用登录 -->
                <li class="list-group-item">收货人</li>
                <input  v-model="loginData.u_id" name="Consignee" value="${address.addressConsignee}" class="form-control" type="text"   required >

                <li class="list-group-item">手机号：</li>
                <input v-model="loginData.u_pwd" name="Phonenumber" value="${address.addressPhonenumber}" class="form-control" type="text"   required>
                <li class="list-group-item">地址：</li>
                <div class="city"><select name="province" id="province" >
                    <option value="${address.addressProvince}" selected="selected">${address.addressProvince}</option>
                </select><select name="city" id="city" >
                    <option value="${address.addressCity}" selected="selected">${address.addressCity}</option>
                </select><select name="county" id="county" >
                    <option value="${address.addressCounty}" selected="selected">${address.addressCounty}</option>
                </select></div>
                <script language="javascript">
                    setup()
                </script>
                <input style="display: none" name="addressId" value="${address.addressId}">
                <textarea name="Profile" rows="2" cols="37" placeholder="详细地址" value="${address.addressProfile}">${address.addressProfile}</textarea>
        </ul>
        <div class="card-body">
            <button type="submit" class="btn btn-primary">保存</button>
            <a href="/addAddress"><button type="button" class="btn btn-primary clay">取消</button></a>
        </div>
    </div>
    </form>
</div>


<script src="./js/bootstrap.min.js"></script>
<script src="./layer/layer.js"></script>


<script>
    var video= document.getElementById('v1');
    video.playbackRate = 2;
</script>

</body>
</html>